<template>
  <div id="app">

	<Main></Main>

  </div>
</template>

<script>
import Main from './components/Main.vue';

export default {
  name: 'App',
  components: {
	Main,
  }
}
</script>

<style lang="scss">
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  // text-align: center;
  color: #2c3e50;
  // margin-top: 60px;
}
// 多行
.text-display-multiline{
 
			overflow: hidden;
			word-break: break-all;//允许换行
			text-overflow: ellipsis;
			display: -webkit-box;//对象为伸缩盒子模型显示
			-webkit-box-orient: vertical;//设置或检索伸缩盒子的子对象元素排列方式
			-webkit-line-clamp: 3;//行数
	
	}

  // 单行
  .text-display-a-line{
		overflow: hidden;
		text-overflow: ellipsis;
		display: inline-block;
		white-space: nowrap;
		width: 100%;
		-webkit-line-clamp: 1;
		-webkit-box-orient:vrtical;
		/*  overflow : hidden;
		 text-overflow : ellipsis;
		 display :   -webkit-box;
		 -webkit-line-clamp :2; 
		-webkit-box-orient :vertical; */
	}
</style>
